import Taro from '@tarojs/taro'
import { useState } from 'react'
import { View, Image, Text } from '@tarojs/components'

import './index.scss'

const products = [
  {
      uri: require('../../../../assets/homeImg/productImg/product001.png'),
      title: '【XX设备】优惠直购',
      labels: '尊享',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product002.png'),
      title: '送给亲人！快速购买',
      labels: '纯色',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product003.png'),
      title: '高质量产品',
      labels: '净含量:350g',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product004.png'),
      title: 'XXpro手机',
      labels: '材质:玻璃/金属/塑料',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product005.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product006.png'),
      title: '【XX设备】优惠直购',
      labels: '尊享',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product007.png'),
      title: '送给亲人！快速购买',
      labels: '纯色',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product008.png'),
      title: '高质量产品',
      labels: '净含量:350g',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product009.png'),
      title: 'XXpro手机',
      labels: '材质:玻璃/金属/塑料',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product010.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product011.png'),
      title: '【XX设备】优惠直购',
      labels: '尊享',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product012.png'),
      title: '送给亲人！快速购买',
      labels: '纯色',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product013.png'),
      title: '高质量产品',
      labels: '净含量:350g',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product014.png'),
      title: 'XXpro手机',
      labels: '材质:玻璃/金属/塑料',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product015.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product016.png'),
      title: '【XX设备】优惠直购',
      labels: '尊享',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product017.png'),
      title: '送给亲人！快速购买',
      labels: '纯色',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product018.png'),
      title: '高质量产品',
      labels: '净含量:350g',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product019.png'),
      title: 'XXpro手机',
      labels: '材质:玻璃/金属/塑料',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product020.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product021.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product022.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product023.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product024.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product025.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product026.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: '',
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product027.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product028.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product029.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product030.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product031.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product032.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product033.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product034.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product035.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product036.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product037.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product038.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product039.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product040.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product041.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product042.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product043.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product044.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product045.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product046.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product047.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product048.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product049.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product050.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product051.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product052.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product053.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product054.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product055.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product056.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product057.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product058.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product059.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product060.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product061.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product062.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product063.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product064.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product065.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product066.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product067.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product068.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product069.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product070.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product071.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product072.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product073.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product074.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product075.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product076.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product077.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product078.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product079.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product080.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product081.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product082.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product083.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product084.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product085.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product086.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product087.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product088.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product089.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product090.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product091.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product092.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product093.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product094.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product095.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product096.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product097.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product098.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product099.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product100.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product101.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product102.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product103.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product104.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product105.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product106.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product107.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product108.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product109.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product110.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product111.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product112.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product113.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product114.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product115.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product116.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product117.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product118.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product119.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product120.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product121.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product122.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product123.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product124.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product125.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product126.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product127.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product128.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product129.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product130.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product131.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product132.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product133.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product134.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product135.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product136.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product137.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product138.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product139.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  },
  {
      uri: require('../../../../assets/homeImg/productImg/product140.png'),
      title: 'XX手机 限时特惠',
      labels: '购买免运费 | 跨店',
      price: '￥4122.0',
      index: ''
  }
]

function buildItem (param) {
  const beginIndex = param.begin
  const endIndex = param.end
  let tempArray: any[] = []
  for (let index = beginIndex; index < endIndex; ++index) {
      let tempIndex = index % products.length
      let tempValue = JSON.parse(JSON.stringify(products[tempIndex]))
      tempValue.index = index + 1
      tempArray.push(tempValue)
  }
  return tempArray
}

function Index () {
  const [products] = useState(buildItem({ begin: 0, end: 10 }))

  return (
    <View className="product-container">
      {products.map(item => (
        <View className="product-itemlist">
          <Image className="product-img" src={ item.uri } mode='aspectFit' />
          <Text className="product-itemlist-text">{ item.title }</Text>
          <View>
            <Text className="product-labels">
              { item.labels }
            </Text>
            <Text className="product-imgnum">
              第{ item.index }张
            </Text>
          </View>
          <Text className="product-price" style="color : red;">
            ￥{ item.index }
          </Text>
        </View>
      ))}
    </View>
  )
}

export default Index
